import axios from 'axios'
import { Toast } from 'vant'

const ajax = axios.create({
  baseURL: '/api'
})

// 请求拦截
ajax.interceptors.request.use(config => {
  // 正在请求时显示加载图标
  Toast.loading({
    message: 'loading...',
    forbidClick: true,
    duration: 0
  })
  return config
})

// 相应拦截,前提必须是返回的数据结构相同时才能使用
ajax.interceptors.response.use(resp => {
  // 请求响应之后关闭加载图标
  Toast.clear()
  if (resp.status === 200) {
    if (resp.data.code === 200) {
      return resp.data.data
    }
  }
  return {
    code: 0,
    msg: '请求失败'
  }
})
// 获取所有商品分类
export const getTabs = () => ajax.get('/tabs')

// const getCatecory = (id) => { return ajax.get(`/tab/${id}`) }
// 把请求的结果返回出来，以后就可以.then了
export const getCatecory = (id, start) => ajax.get(`/tab/${id}?start=${start}`)
// 根据商品的id获取商品的详情信息
export const getDetail = id => ajax.get(`detail?id=${id}`)
